<template>
  <div class="dashboard-container">
    <el-row>
      <el-col :span="24">
        <pie-group/>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="12">
        <bar-zoom/>
      </el-col>
      <el-col :span="12">
        <line-marker/>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import BarZoom from './componets/BarZoom'
import LineMarker from './componets/LineMarker'
import PieGroup from './componets/PieGroup'

export default {
  name: 'Dashboard',
  components: {PieGroup, BarZoom, LineMarker}
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 5px;
  }
}
</style>
